<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<html>
	<head>
    	<link type="text/css" rel="stylesheet" href="../css/gcal2refill.css">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Google Calendar to Refill</title>
		<script type="text/javascript">
  			var _gaq = _gaq || [];
  			_gaq.push(['_setAccount', 'UA-1800576-3']);
  			_gaq.push(['_trackPageview']);

		  (function() {
    		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  		})();
		</script>
		<script type="text/javascript" src="../js/dojo1.6/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
        <script type="text/javascript">
            dojo.require("dijit.form.DateTextBox");
            dojo.require("dijit.form.NumberSpinner");
            dojo.require("dijit.form.MultiSelect");
        </script>
        <link rel="stylesheet" type="text/css" href="../js/dojo1.6/dijit/themes/claro/claro.css" />
        <style type="text/css">
            .claro table.dijitCalendarContainer { margin: 25px auto; } #formatted
            { text-align: center; }
        </style>
	</head>
	<body class="claro">
      	<div align="center">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-9861420235777097";
/* big_banner */
google_ad_slot = "6230648632";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
		</div>
		<fmt:setBundle basename="application"/>
		<h1 align="center"><fmt:message key="application.title"/>&nbsp;<fmt:message key="application.version"/></h1>
		<form method="post" action="createPdf">
<!--
		<input type="hidden" ${f:text("oauth_token_secret")}/>
		<input type="hidden" ${f:text("oauth_token")}/>
-->
		<table align="center">
		<tr>
			<th>
				<fmt:message key="application.label.select_calendar"/>
			</th>
			<td>
				<select multiple="multiple" require="true" name="selectedCalendar[]" size="4">
				<c:forEach var="item" items="${calendarList}">
					<option value="${item}">${item}</option>
				</c:forEach>
				</select>
			</td>
		</tr>
		<tr>
			<th>
				<fmt:message key="application.label.select_holiday_calendar"/>
			</th>
			<td>
				<select multiple="multiple" name="holidayCalendar[]" size="4">
				<c:forEach var="item" items="${calendarList}">
					<option value="${item}">${item}</option>
				</c:forEach>					
				</select>
			</td>
		</tr>
		<tr>
			
			<th>
				<fmt:message key="application.label.start_date"/>
			</th>
			<td colspan="3">
        	<input style="width:200px;" type="text" name="startDate" id="startDate" value="${startDate}" dojoType="dijit.form.DateTextBox" required="true" />
        	</td>
        </tr>
        <tr>
			<th>
				<fmt:message key="application.label.number_during_week"/>
			</th>
        	<td colspan="3">
        		<input style="width:50px;" dojoType="dijit.form.NumberSpinner" value="${weekPeriod}" smallDelta="1"
        			constraints="{min:1,max:16,places:0}" id="weekPeriod" name="weekPeriod"/>
        	</td>
        </tr>
        <tr>
			<th>
				<fmt:message key="application.label.range"/>
			</th>
        	<td>
        		<select name="virticalStartTime" value=${virticalStartTime}>
        			<option value="0" ${virticalStartTime=="0"?"selected":""}>0:00</option>
        			<option value="1" ${virticalStartTime=="1"?"selected":""}>1:00</option>
        			<option value="2" ${virticalStartTime=="2"?"selected":""}>2:00</option>
        			<option value="3" ${virticalStartTime=="3"?"selected":""}>3:00</option>
        			<option value="4" ${virticalStartTime=="4"?"selected":""}>4:00</option>
        			<option value="5" ${virticalStartTime=="5"?"selected":""}>5:00</option>
        			<option value="6" ${virticalStartTime=="6"?"selected":""}>6:00</option>
        			<option value="7" ${virticalStartTime=="7"?"selected":""}>7:00</option>
        			<option value="8" ${virticalStartTime=="8"?"selected":""}>8:00</option>
        			<option value="9" ${virticalStartTime=="9"?"selected":""}>9:00</option>
        			<option value="10" ${virticalStartTime=="10"?"selected":""}>10:00</option>
        			<option value="11" ${virticalStartTime=="11"?"selected":""}>11:00</option>
        		<select>
        	</td>
        	<td>～</td>
        	<td>
        		<select name="virticalPeriod" value="${virticalPeriod}">
        			<option value="12" ${virticalPeriod=="12"?"selected":""}>12:00</option>
        			<option value="13" ${virticalPeriod=="13"?"selected":""}>13:00</option>
        			<option value="14" ${virticalPeriod=="14"?"selected":""}>14:00</option>
        			<option value="15" ${virticalPeriod=="15"?"selected":""}>15:00</option>
        			<option value="16" ${virticalPeriod=="16"?"selected":""}>16:00</option>
        			<option value="17" ${virticalPeriod=="17"?"selected":""}>17:00</option>
        			<option value="18" ${virticalPeriod=="18"?"selected":""}>18:00</option>
        			<option value="19" ${virticalPeriod=="19"?"selected":""}>19:00</option>
        			<option value="20" ${virticalPeriod=="20"?"selected":""}>20:00</option>
        			<option value="21" ${virticalPeriod=="21"?"selected":""}>21:00</option>
        			<option value="22" ${virticalPeriod=="22"?"selected":""}>22:00</option>
        			<option value="23" ${virticalPeriod=="23"?"selected":""}>23:00</option>
        			<option value="24" ${virticalPeriod=="24"?"selected":""}>24:00</option>
        		<select>
        	</td>
        </tr>
        <tr>
			<th>
				<fmt:message key="application.label.size_of_paper"/>
			</th>
        	<td colspan="3">
        		<select name="sizeOfPaper" value="${sizeOfPaper}">
        			<option value="0" ${sizeOfPaper=="0"?"selected":""}>A4</option>
        			<option value="1" ${sizeOfPaper=="1"?"selected":""}>A5</option>
        			<option value="2" ${sizeOfPaper=="2"?"selected":""}>バイブル</option>
        			<option value="3" ${sizeOfPaper=="3"?"selected":""}>A6</option>
        		<select>
        	</td>
        </tr>
        <tr>
			<th>
				<fmt:message key="application.label.binding_fee_setting"/>
			</th>
        	<td>
        		<input type="checkbox" name="tojisiro" value="tojisiro" ${tojisiroChecked}/>
        	</td>
        	<td colspan="2">
        		<input style="width:50px;" dojoType="dijit.form.NumberSpinner" value="${tojisiroSize}" smallDelta="1"
        			constraints="{min:1,max:20,places:0}" id="tojisiroSize" name="tojisiroSize">mm</input>
        	</td>
        </tr>
        <tr>
        	<td colspan="3" align="center">
        		<input type="submit" value="Create"/>
        	</td>
        </tr>
        </table>
      	</form>
      	<div align="center">
      	<fmt:message key="source.url"/><br/>
<script type="text/javascript"><!--
google_ad_client = "ca-pub-9861420235777097";
/* big_banner_bottom */
google_ad_slot = "8511030766";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
      	</div>
	</body>
</html>
